零基础搭建个人网页！- 高速直连，基于Cloudflare Page
零基础搭建个人网页！- 高速直连，基于Cloudflare Page
John Doe本文超级详细，读懂不需要任何编程/前端知识！请放心食用
前言、Cloudflare Page的优点
~国内可高速直连访问
~可以直接使用github中上传的网页，且不需要在github中进行任何设置
~不像github page只根据用户名分配一个三级域名，Cloudflare Page可创建多个三级域名（形如*.pages.dev)
前言、你只需要
·一个Github账号，作为网站的存放处（已有请跳过）
打开github.com（部分地区可能需要科学上网）
点击右上角Sign up，按照步骤即可注册
·一个Cloudflare账号，作为网站访问的入口（已有请跳过）
打开cloudflare.com（可直连）
点击右上角注册，按照步骤即可注册
·（可选）一个域名，便于他人访问
这不是必须的，因为cloudflare会给你提供一个三级域名（形如*.pages.dev)；
如果想要使用自己的域名，可以在阿里云、腾讯云等云服务商处注册（可能需要实名）；
一、在github上存放你的网页
*注意，此步骤不需要按照普通github page的方法设置，只需上传网页文件即可
（已在github上存放过你的页面请跳过）
在github上登陆后，首先点击自己的头像，在菜单中找到Your repositories
然后点击绿色的new
在Repositories name任意填写项目名（对网站名称等等没有影响）
选择Public，则你的网站全部内容对他人可见；
选择Private，则别人无法直接获得全部内容，同时完全不影响Cloudflare page的访问。
下面的三个选项暂时没有太大关系，可以不管。
然后创建并进入你的Repository。
点击Set up in Desktop，安装Github软件，打开并登录后，再按一次这个，会clone你刚创建的repository到本地（下图为选择本地存放位置）。
然后再把你的html网页放进刚才选的位置，命名为index.html
如果没有，就新建一个index.html，然后放入代码，比如
1 | <html> |
保存后，回到github软件，你的修改应该已经被软件记录，
可填写修改的描述，然后点击Commit to main。
此时上方会出现Push origin，点击，即可上传。（可能要重试几次）
二、在Cloudflare中开通Cloudflare page，完成！
最后一步！
打开pages.dev，然后根据提示绑定你的github账号（建议给所有的权限打上勾）
选择你已经存放了html网页的repository，然后点Begin Setup
这里的Project Name会决定Cloudlfare给你分配的三级域名，显示在下方。
（如果是被很多人用的那种，就会像图中，除了你设置的名称还有一串后缀）
然后Production branch选择main即可。
（下面的Build settings，如果你不懂的话可以不管）
然后Save and Deploy，等待几分钟，你的网页就上传完成了！
之后通过刚才的三级域名即可访问。完成~
若要更新你的网站，就修改你的repository中的网页文件，然后重复第一步中push的过程即可。
附、将你的域名指向该网站
以我使用的阿里云为例，进入域名控制台
点击解析，然后点击添加记录
类型选择CNAME，主机记录可以根据需求选择你想用哪一个域名跳转，我选择*（泛解析），即匹配所有 *.你的二级域名.你的顶级域名
确认后，即可用你的域名访问这个页面啦~
后记
我自己开发中的网站是MouRen的小站,也可以用 bk.mouren.eu.org 访问。
话说我上周心血来潮，想做一个静态页面玩玩。
最先想的当然是利用github page，奈何直连访问速度太慢；
试图用cloudflare加速，但cf不提供免费的CNAME解析；
若是用gitee page，需要手持身份证的照片实名，被劝退……
正在发愁，突然听说可以用Cloudflare Page实现对github page的高速访问
恰好知乎上好像还没人做详细的教程，于是写下这篇文章。
若有什么问题、提议，欢迎评论留言！！
码字不易，如果对你有帮助的话，希望来给然然点个关注噢！
